body {
  line-height: 1.5;
  font-size: 75%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: auto;
  margin-right: auto; }

#wrapper {
  margin-left: 5px;
  margin-right: 5px; }

#info-col {
  width: 16.6%;
  float: left; }
  #info-col .content {
    padding-right: 5px; }

#hidden-cols {
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px solid #222; }

#manip-col {
  width: 83.3%;
  float: left; }

.content {
  padding: 5px; }

h2 {
  font-size: 138%;
  color: #000; }

h3 {
  font-size: 120%;
  margin-bottom: 1em; }

#file-header h2 {
  display: inline; }

#preview {
  font-family: Consolas, "Andale Mono", "Lucida Console", monospace;
  font-size: inherit;
  width: 100%;
  height: 10em; }

table {
  border-collapse: collapse; }

th {
  font-weight: bold; }

td, th {
  padding: 0 4px; }

form {
  line-height: 2; }

#datagrid-container {
  max-width: 100%;
  overflow: auto; }

col.error {
  border: 1px solid #ffbfba;
  background-color: #ffd8d5; }

col.computed {
  border: 1px solid #afbfe7;
  background-color: #e9eefa; }

col.computed.selected {
  border: 1px solid #8095cb;
  background-color: #d6e0fa; }

col.referenced {
  border: 1px solid #ffe8ba;
  background-color: #fff9eb; }
